<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>小马技术 | Emmet入门</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

<!-- main>section*3 -->
<main>
    <section>sdasf</section>
    <section>23432</section>
    <section>234234</section>
</main>

<!-- main>section*3+button.btn.btn-primary -->
<main>
    <section></section>
    <section></section>
    <section></section>
    <button class="btn btn-primary"></button>
</main>

<!-- main>section*3^footer -->
<main>
    <section></section>
    <section></section>
    <section></section>
</main>
<footer></footer>

<!-- ul>li*3 -->
<ul>
    <li>432143</li>
    <li>asdfasdf234234</li>
    <li>324324</li>
</ul>

<!-- ul*2>li*3 -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

<!-- ul*2>li.item*3 -->
<ul>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
</ul>
<ul>
    <li class="item"></li>
    <li class="item"></li>
    <li class="item"></li>
</ul>

<!-- (ul>li*3)*2 -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

</body>

</html>